<h3>List of Networks</h3>
<table xmlns:th="http://www.thymeleaf.org"
	class="table table-bordered table-hover table-striped">
	<thead>

		<tr>
			<th>Name</th>
			<th>Provider</th>
			<th>API Key</th>
			<th>Created</th>
			<!-- 
			<th>Actions</th>
			 -->
		</tr>
	</thead>
	<tbody>
		<tr th:each="op : ${socialNetworkList}">
			
			<td th:text="${op.name}" />
			<td th:text="${op.networkType.name}" />
			<td th:text="${op.sharedSecret}" />
			<td th:text="${op.createdDate}" />
			<!-- 
			<td ><a href="#" th:href="@{/editnetwork(id=${op.id})}" >View/Edit</a></td>
			-->
		</tr>

	</tbody>
</table>


<ul class="pager"  xmlns:th="http://www.thymeleaf.org">
	<li class="previous" th:class="${pagerequest.pageNumber == 0}? 'previous disabled' : 'previous'">
		<a th:href="@{/viewnetworks(page=${pagerequest.pageNumber - 1}, pagesize=${pagerequest.pageSize})}">&larr; Previous</a>
	</li>
	<li class="next" th:class="${socialNetworkList == null or socialNetworkList.size() lt pagerequest.pageSize}? 'next disabled' : 'next'">
	<a th:href="@{/viewnetworks(page=${pagerequest.pageNumber + 1}, pagesize=${pagerequest.pageSize})}">Next &rarr;</a></li>
</ul>